<!--
 * @Description: 
 * @Autor: 商晓彬
 * @Date: 2021-12-01 10:45:52
 * @LastEditors: 商晓彬
 * @LastEditTime: 2021-12-06 10:31:04
-->
<div class="assembly" id="main">
    <!-- 头 -->
    <div class="title">
        <div (click)="full()" class="font-title"></div>
    </div>
    <!-- 身 -->
    <div class="bord-body">
        <!-- 左 -->
        <div class="b-left">
            <div class="left-item">
                <div class="left-title">总体完成进度</div>
                <div class="left-body">
                    <div class="top-1">
                        <div class="inner-left">{{topForm.completeHour}}</div>
                        <div class="inner-right"></div>
                    </div>
                    <div class="top-2">
                        <div class="inner-left">
                            <div style="margin-left: 5%;margin-top: 2%;height: 77%;">
                                <p-progressBar [showValue]="false" [value]="topForm.hourCompletionSchedule" unit="">
                                </p-progressBar>
                            </div>
                            <div class="title">任务 工时</div>
                        </div>
                        <div class="inner-right">{{topForm.hourCompletionSchedule}}%</div>
                    </div>
                    <div class="top-3">
                        <div style="width: 50%;"></div>
                        <div class="inner-right"></div>
                        <div class="inner-left">{{topForm.taskHour}}</div>
                    </div>
                    <div class="top-1" style="margin-top: 10%;">
                        <div class="inner-left">{{topForm.completeCount}}</div>
                        <div class="inner-right"></div>
                    </div>
                    <div class="top-2">
                        <div class="inner-left">
                            <div style="margin-left: 5%;margin-top: 2%;height: 77%;">
                                <p-progressBar [showValue]="false" [value]="topForm.stepCompletionSchedule" unit="">
                                </p-progressBar>
                            </div>
                            <div class="title">任务 数量</div>
                        </div>
                        <div class="inner-right">{{topForm.stepCompletionSchedule}}%</div>
                    </div>
                    <div class="top-3">
                        <div style="width: 50%;"></div>
                        <div class="inner-right"></div>
                        <div class="inner-left">{{topForm.taskCount}}</div>
                    </div>
                </div>
            </div>
            <div class="left-item" style="cursor: pointer;" (click)="openSon()">
                <div class="change-title">{{downForm.title}}完成进度</div>
                <div class="left-body">
                    <div class="top-1">
                        <div class="inner-left">{{downForm.completeHour}}</div>
                        <div class="inner-right"></div>
                    </div>
                    <div class="top-2">
                        <div class="inner-left">
                            <div style="margin-left: 5%;margin-top: 2%;height: 77%;">
                                <p-progressBar [showValue]="false" [value]="downForm.hourCompletionSchedule" unit="">
                                </p-progressBar>
                            </div>
                            <div class="title">任务 工时</div>
                        </div>
                        <div class="inner-right">{{downForm.hourCompletionSchedule}}%</div>
                    </div>
                    <div class="top-3">
                        <div style="width: 50%;"></div>
                        <div class="inner-right"></div>
                        <div class="inner-left">{{downForm.taskHour}}</div>
                    </div>
                    <div class="top-1" style="margin-top: 10%;">
                        <div class="inner-left">{{downForm.completeCount}}</div>
                        <div class="inner-right"></div>
                    </div>
                    <div class="top-2">
                        <div class="inner-left">
                            <div style="margin-left: 5%;margin-top: 2%;height: 77%;">
                                <p-progressBar [showValue]="false" [value]="downForm.stepCompletionSchedule" unit="">
                                </p-progressBar>
                            </div>
                            <div class="title">任务 数量</div>
                        </div>
                        <div class="inner-right">{{downForm.stepCompletionSchedule}}%</div>
                    </div>
                    <div class="top-3">
                        <div style="width: 50%;"></div>
                        <div class="inner-right"></div>
                        <div class="inner-left">{{downForm.taskCount}}</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 火箭图 -->
        <div class="b-mid">
            <div style="height: 100%;width: 25%;"></div>
            <div class="mid-border">
                <div [class]="rockName"></div>
            </div>
        </div>
        <!-- 型号切换 -->
        <div class="b-right">
            <div class="top1">
                <div class="right-title">型号切换</div>
            </div>
            <div class="right-select">
                <p-dropdown name="model" emptyFilterMessage="暂无数据" [options]="modelOptions" [(ngModel)]="model"
                    [style]="{'width':'170px','float': 'right'}" (onChange)="onchange($event)">
                </p-dropdown>
            </div>
            <div class="right-body">
                <div [class]="item.isUsed == 1? 'selct-body' : 'unSelect-body' "
                    *ngFor="let item of selectData;let index=index" (click)="getLeftDown(item,index)">
                    <span
                        [class]="item.isUsed == 1? 'select-text text-body' : 'unSelect-text text-body'">{{item.name}}</span>
                    <span
                        [class]="item.isUsed == 1? 'select-text num-body' : 'unSelect-text num-body'">{{item.stepCompletionSchedule}}%</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 底 -->
    <div class="bord-bottom"></div>
    <!-- 装配进度 -->
    <app-assembly-inner #AssemblyInnerComponent [editData]="downForm"></app-assembly-inner>
</div>